// (function(win) {
//     var tid;
//     function refreshRem() {
//         let designSize = 1920; // 设计图尺寸
//         let html = document.documentElement;
//         let wW = html.clientWidth;// 窗口宽度
//         // let rem = wW * 100 / designSize;
//         let rem = wW  / designSize;
//         document.documentElement.style.fontSize = rem + 'px';
//     }
//
//     win.addEventListener('resize', function() {
//         clearTimeout(tid);
//         tid = setTimeout(refreshRem, 300);
//     }, false);
//     win.addEventListener('pageshow', function(e) {
//         if (e.persisted) {
//             clearTimeout(tid);
//             tid = setTimeout(refreshRem, 300);
//         }
//     }, false);
//
//     refreshRem();
//
// })(window);
(function () {
    var height = $(window).height();
    var width = $(window).width()
    var bili = 1
    if (width / height > (1920 / 1080)) {
        if (height > 1080) {
            bili = height * (1920 / 1080) / width
        } else {
            bili = height * (1920 / 1080) / width
        }
        $("html").css("margin-top", (height - width * bili / (1920 / 1080)) / 2)
    } else if (width / height < (1920 / 1080)) {

        $("html").css("margin-top", (height - width / (1920 / 1080)) / 2)
    }


    var docEl = document.documentElement;

    function setRemUnit() {
        // 获取到rem的基准值
        // var rem = docEl.clientWidth / 1920 * bili;
        var rem = docEl.clientWidth / 1920;

        // 动态设置html根元素的fontSize
        docEl.style.fontSize = rem + 'px';
    }

    setRemUnit();

    // 窗口大小变化时 触发
    window.addEventListener('resize', setRemUnit);

    // 窗口出现在当前屏幕时
    window.addEventListener('pageshow', function (e) {
        if (e.persisted) {
            setRemUnit();
        }
    });
})();
